.bounceIn {
  
}
.layer {
  .warpper {
    position:absolute;
    width:50%;
    top:50%;
    left:50%;
    margin-left:-25%;
    border:solid 4px $color-theme;
    background:#000
  }
  .vedio {
    height:480px;
    margin-top:-242px;
    border-radius:$radius;
    .close-layer {
      position:absolute;
      top:-84px;
      right:-69px;
      width:40px;
      height:40px;
      border:solid 3px $color-theme;
      border-radius:$radius-round;
      background:#000;
      &::before, &::after {
        position:absolute;
        top:18px;
        left:7px;
        display:block;
        content:'';
        width:25px;
        height:3px;
        background:#fff;
        @include rotate(45deg)
      }
      &::after {
        @include rotate(-45deg)
      }
    }
  }
  .share-tips {
    width:650px;
    margin-left:-300px;
    margin-top:-115px;
    line-height:36px;
    padding:24px 34px;
    padding-left:100px;
    font-size:20px;
    color:#fff;
    border-radius:46px;
    .txt {
      width:456px;
      letter-spacing:2px;
      i {
        font-size:20px;
        color:$color-theme
      }
    }
    .pic {
      padding-left:20px;
      img {
        display:block
      }
    }
    .icon-share-b {
      position:absolute;
      top:-109px;
      left:-270px;
      z-index:1
    }
  }
}